
.kz_navigetor{
	width:100%;
	height:650px;
	position:relative;background-color:rgba(255,255,255,.6);
}
.kz_navigetor #banner{
	width:100%;
	height:100%;
	animation:banner 4.8s ease infinite;
    -webkit-animation:banner 4.8s ease infinite;
    -moz-animation:banner 4.8s ease infinite;
    -o-animation:banner 4.8s ease infinite;
}
.kz_navigetor .div{
	position:absolute;
	left:10%;
	top:181px;
	width:364px;
	font-size:15px;
	background-color:rgb(255,255,255,.8);
	border-radius:5px;
	 animation:searchanim 1.5s;
    -webkit-animation:searchanim 1.5s;
    -moz-animation:searchanim 1.5s;
    -o-animation:searchanim 1.5s;
}
.kz_navigetor div section{
	width:80%;
	margin-left:10%;
}
.kz_navigetor div section h5{
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
	color:#121824;
}
.kz_navigetor div section a{
	display:inline-block;
	padding-right:10px;
	line-height:20px;
	margin:5px 0px;
	color:#78787a;
}
.kz_navigetor div section button:nth-of-type(1){
	width:100%;
	color:#fff;
	border:none;
	border-radius:5px;
	display:inline-block;
	background-color:rgba(255,138,68,1);
	line-height:36px;
	text-align:center;
    margin:17px 0px 10px 0px;
    position:relative;
	box-sizing:border-box;
}
.kz_navigetor div section button:nth-of-type(1):after{
    position:absolute;
    top:0px;
    left:0px;
    width:0px;
    height:100%;
    background-color:rgba(0,0,0,.1);
    color:white;
    content:"";
    border-radius:5px;
}
.kz_navigetor div section button:nth-of-type(1):hover::after{
	width:100%;
	transition:width .8s;
}
.kz_navigetor div section input{
    width: 100%;
    color: black;
    border-radius: 5px;
        margin: 30px 0px 20px;
    -webkit-appearance: none;
    border: none;
    border: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    line-height: 36px;
    box-sizing: border-box;
    background: url(../img/kz_index_search.png) no-repeat right;
    background-size: 20px 20px;
    background-position-x: 96%;
    background-color: white;
    text-indent: 10px;
}

.kz_advance{
	width:100%;
	text-align:center;
	margin-top:21px;
}
.kz_advance a{
	display:inline-block;
	line-height:30px;
	font-size:14px;
	width:15%;
	box-sizing:border-box;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin-right:-8px;
	color:#545454;
	letter-spacing:4px;
	position:relative;
}
.kz_advance a:not(:last-child)::after{
	content:"|";
	background-color:rgba(0,0,0,.4);
	width:1px;
	height:28px;
	display:inline-block;
	position:absolute;
	right:0px;
	top:0px;
}
.kz_advance a img{
	width:30px;
	margin-right:4px;
	vertical-align:middle;
}
.kz_typechioce,
.kz_buildingchioce{
	width:80%;
    margin-left:10%;
    margin-top:60px;
}
.kz_typechioce nav,
.kz_buildingchioce
{
	text-align:center;
}
.kz_typechioce nav a{
	display:inline-block;
	font-size:18px;
	box-sizing:border-box;
	line-height:40px;
	padding:0px 20px;
	letter-spacing:4px;
	border-bottom:5px solid rgba(255,138,68,0);

}
.kz_typechioce article{
	margin:30px 0px;

}


.kz_typechioce a span{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	display:block;
	width:94%;
	background-color:rgba(222,4,100,.5);
	opacity:0;
}
.kz_typechioce a:hover span{
	opacity:1;
	transition:opacity .5s;

}
.kz_typechioce a span h3,
.kz_typechioce a span h4{
	display:inline-block;
	text-align:center;
	width:100%;
	margin:0px; 
	position:relative;

}

.kz_typechioce a span h4 button{
    border:none;
    border-radius:4px;
    line-height:30px;
    padding:0px 20px;
    position:relative;
    margin-top:20%;
    opacity:0;
}
.kz_typechioce a:hover span h4 button{
    margin-top:0%;
    opacity:1;
    transition:opacity .5s;
    transition:margin-top .5s;
}
.kz_typechioce a span h4 button:after{
    position:absolute;
    top:0px;
    left:0px;
    content:"";
    background-color:rgba(0,0,0,.2);
    color:#fff;
    border-radius:4px;
    line-height:30px;
    width:100%;
    height:0px;
}
.kz_typechioce a span h4 button:hover::after{
	height:100%;
   transition:height .5s;
}
.kz_typechioce a  span .topwrite{
	display:block!important;
	width:100%!important;
	margin-bottom:80%;
	opacity:0;
	position:absolute!important;
	bottom:10px!important;
}


.kz_typechioce a:hover  span .topwrite{
	opacity:1;
	margin-bottom:2%;
	transition:opacity 1s;
	transition:margin-bottom 1s;
}
.kz_navigetor h6 div
{
	width:100%;
    display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	align-content:space-around;
	-webkit-align-content:space-around;
	-moz-align-content:space-around;
}
.kz_navigetor h6{
	font-weight:400;
}
.kz_navigetor h6 div:nth-of-type(1) a{
	width:16%;
	margin-right:0.6%;
	padding:0px;
    display:inline-block;
	background-color:rgba(0,0,0,.1);
	height:10px;
}
.kz_navigetor h6 div:nth-of-type(1) a:hover{
	background-color:rgba(255,138,68,1);
}
.kz_navigetor h6 div:nth-of-type(2) a{

	padding-right:14px;
}
.kz_typechioce a span .topwrite p{
		text-align:center;
		margin:0px;
		line-height:30px;
		color:white;
}
.kz_typechioce a span .topwrite p:nth-of-type(1){
	     font-size:17px;
}
.kz_typechioce a span .topwrite p:nth-of-type(2){
	     font-size:15px;
}
.kz_typechioce a span h3{
    height:60%;

   
}
.kz_typechioce a span h4{
	height:40%;

}




.kz_buildingchioce article a:hover{
	box-shadow:3px 3px 30px rgba(0,0,0,.7);
	transition:box-shadow .8s;

}
.kz_buildingchioce article a:hover{
	box-shadow:3px 3px 30px rgba(0,0,0,.7);
	transition:box-shadow .8s;

}
.kz_typechioce article section:nth-of-type(1) div,
.kz_typechioce article section:nth-of-type(2) div{
	display:flex;
	display:-webkit-flex;
	display:-moz-flex;
	width:66%;
	float:right;
	box-sizing:border-box;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	align-content:space-between;
	-webkit-align-content:space-between;
	-moz-align-content:space-between;
}

.kz_typechioce article .kz_hidden{
   display:none;
}
.kz_typechioce article .kz_show{
  display:block;
}
.kz_typechioce article .kz_showo{
   display:flex;
	display:-webkit-flex;
	display:-moz-flex;
}
.kz_typechioce article section:nth-of-type(1) a,
.kz_typechioce article section:nth-of-type(2) a{
	box-sizing:border-box;
	position:relative;
	}
.kz_typechioce  #alone,
.kz_typechioce  #alone1
{
	display:inline-block;
	width:34%;
	padding-right:2%;
	position:relative;
	}
	.kz_typechioce  #alone h6,
	.kz_typechioce  #alone1 h6{
     width:94%;
	}

	.kz_typechioce article section:nth-of-type(1) div a,
	.kz_typechioce article section:nth-of-type(2) div a
	{
	width:45%;

	}
	.kz_typechioce article section:nth-of-type(1) div a:nth-of-type(odd),
	.kz_typechioce article section:nth-of-type(2) div a:nth-of-type(odd)
	{
	margin-right:4%;
	}
	.kz_typechioce article section:nth-of-type(1) div a:nth-of-type(1),
	.kz_typechioce article section:nth-of-type(1) div a:nth-of-type(2),
	.kz_typechioce article section:nth-of-type(2) div a:nth-of-type(1),
	.kz_typechioce article section:nth-of-type(2) div a:nth-of-type(2)
	{
	margin-bottom:3.5%;
	}
.kz_typechioce article section:nth-of-type(1) a img,
.kz_typechioce article section:nth-of-type(2) a img{
	width:100%;
	}
.kz_typechioce article section:nth-of-type(1) a h6,
.kz_typechioce article section:nth-of-type(2) a h6
{
	width:100%;
	background-color:rgba(0,0,0,.4);
	line-height:30px;
	text-indent:20px;
	font-size:15px;
	position:absolute;
	color:white;
	bottom:7px;
	left:0px;
	margin:0px;
	}
	.kz_buildingchioce{

	}
	.kz_typechioce article section:nth-of-type(3){
		box-sizing:border-box;
     	flex-wrap:wrap;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	align-content:space-between;
    	-webkit-align-content:space-between;
    	-moz-align-content:space-between;
	}
	.kz_buildingchioce h3{
		font-size:20px;
		margin:20px 0px;
	}
	.kz_buildingchioce article{
		box-sizing:border-box;
	    display:flex;
	    display:-webkit-flex;
	    display:-moz-flex;
     	flex-wrap:wrap;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	align-content:space-between;
    	-webkit-align-content:space-between;
    	-moz-align-content:space-between;
	}
	.kz_typechioce article section:nth-of-type(3) a,
	.kz_buildingchioce article a{
		position:relative;
		width:30%;
		margin-bottom:3%;

	}
.kz_buildingchioce article a{
		background-color:white;
	
	}
	.kz_typechioce article section:nth-of-type(3) a:not(:first-child),
	.kz_buildingchioce article a:not(:nth-child(3n-2)){
		margin-left:3%;
	}
	.kz_typechioce article section:nth-of-type(3) a img,
	.kz_buildingchioce article a img
	{
		width:100%;
	}
	.kz_typechioce article section:nth-of-type(3) a h6{
	width:100%;
	background-color:rgba(0,0,0,.4);
	line-height:30px;
	text-indent:20px;
	font-size:15px;
	position:absolute;
	color:white;
	bottom:10px;
	left:0px;
	margin:0px;
	}
	.kz_buildingchioce article a h6{
	width:100%;
	background-color:white;
	line-height:30px;
	text-indent:20px;
	font-size:15px;
    text-align:center;
	color:black;
	margin:0px;
	}
	.kz_buildingchioce article a p{
	width:100%;
	background-color:white;
	text-indent:20px;
	font-size:13px;
	padding-bottom:10px;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	color:rgba(0,0,0,.5);
	margin:0px;
	}
	.kz_buildingchioce article a:last-child{
		background-color:white;
		box-shadow:2px 2px 20px rgba(0,0,0,.2);
		color:#fe7e32;
	}
    .kz_buildingchioce article a:last-child button{

    	background-color:white;
    	line-height:40px;
    	padding:0px 20px;
    	border:1px solid #fe7e32;
    	color:#fe7e32;
    	position:relative;
    	border-radius:5px;

    }
    .kz_buildingchioce article a:last-child button:after{
    	position:absolute;
    	top:0px;
    	left:0px;
    	content:"";
    	width:100%;
    	height:0px;
    	border-radius:5px;
    	background-color:rgba(0,0,0,.1);

    }
    .kz_buildingchioce article a:last-child button:hover::after{
        height:100%;
        transition:height .5s;
    }
    .kz_buildingchioce article a:last-child h5,
    .kz_buildingchioce article a:last-child h4{
    	margin:0px;
    	font-size:16px;
    	line-height:30px;
    }
    .kz_buildingchioce article a:last-child h4{
    	margin-top:60px;
    	font-size:18px;
    }
    .kz_writeing{
    	width:77%;
    	margin-left:10%;
    	margin-top:20px;
    	box-shadow:1px 1px 3px rgba(0,0,0,.1);

    }
     .kz_writeing img{
     	vertical-align:middle;
     	display:inline-block;
     }
    .kz_writeing img,.kz_writeing a{
    	width:49%;
    	box-sizing:border-box;  	
    }
    .kz_writeing a{
    	text-align:center;
    	display:inline-block;
    	font-size:15px;
    }
    .kz_writeing a h4{

    	font-size:18px;
    	line-height:30px;
    	letter-spacing:4px;
    }
    .kz_writeing a h6{

    	font-size:15px;
    	letter-spacing:4px;
    	line-height:40px;
    	color:rgba(0,0,0,.6);
    	overflow:hidden;
    	white-space:nowrap;
    }
    .kz_writeing a button{
	color:#fff;
	border:none;
	border-radius:5px;
	display:inline-block;
	background-color:#fe7e32;
	line-height:40px;
	text-align:center;
    padding:0px 70px;
    position:relative;
	box-sizing:border-box;
   }
   .kz_writeing a button:after{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:100%;
	border-radius:5px;
	background-color:rgba(255,0,0,.2);
	content:"";

}
.kz_writeing a button:hover::after{
   width:100%;
   transition:width .5s;
}
   .kz_compare{
   	width:80%;
    margin-left:10%;
    margin-top:60px;
    display:flex;
	    display:-webkit-flex;
	    display:-moz-flex;
     	flex-wrap:wrap;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	align-content:space-between;
    	-webkit-align-content:space-between;
    	-moz-align-content:space-between;
   }
   .kz_compare h4{
   	display:inline-block;
   	width:100%;
   	text-align:center;
   	font-size:20px;
   	margin-bottom:30px;

   }
   .kz_compare a{
   	box-sizing:border-box;
   	width:16%;
   	display:inline-block;
   }
  .kz_compare a img{
  	width:80%;
  }
  .kz_article{
  	width:80%;
    margin-left:10%;
    margin-top:60px;
    display:flex;
	    display:-webkit-flex;
	    display:-moz-flex;
     	flex-wrap:nowrap;
    	-webkit-flex-wrap:nowrap;
    	-moz-flex-wrap:nowrap;
    	align-content:space-between;
    	-webkit-align-content:space-between;
    	-moz-align-content:space-between;
  }
  .kz_article .a1{
  	 width:30%;
  	 display:inline-block;
  	 position:relative;
  	 height:350px;
  	 margin-right:2%;
  }
  .kz_article .a2{
  	  position:relative;
  	  height:200px;

  }
    .kz_article .a2:nth-of-type(1)
    {
  	  position:relative;
  	  margin-right:3%;
  	  
  }
   .kz_article .a1 h6,
    .kz_article .a2 h6{
    	position:absolute;
    	bottom:0px;
    	left:0px;
    	display:inline-block;
    	width:100%;
    	background-color:rgba(0,0,0,.4);
    	color:white;
    	text-align:center;
    	font-size:15px;
    	font-weight:400;
    	white-space:nowrap;
    	overflow:hidden;

   }
    .kz_article .a1 img{
  	 width:100%;
  	 height:350px;
  	 object-fit: cover;

  }
   .kz_article figure .a2 img{
   	width:100%;
   	height:200px;
   	object-fit: cover;
   }
  .kz_article figure{
  	 width:70%;
    display:flex;
	    display:-webkit-flex;
	    display:-moz-flex;
     	flex-wrap:wrap;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	align-content:space-between;
    	-webkit-align-content:space-between;
    	-moz-align-content:space-between;
  }
  .kz_article figure div,
  .kz_article .a2{
  	position:relative;
  	width:48%;
  	display:inline-block;
  }
    .kz_article figure div{
    	margin-top:20px;
    }
  .kz_article figure div:nth-of-type(1){
  	margin-right:3%;
  }
  .kz_article figure div h5{
  	font-size:17px;
  	position:relative;
  }
  
    .kz_article figure div  a{
    	width:68%;
    	white-space: nowrap;
    	display:inline-block;
    	font-size:12px;
    	color:rgba(0,0,0,.6);
    	float:left;
    	white-space:nowrap;
    	overflow:hidden;
    	text-overflow:ellipsis;

      }
        .kz_article figure div h5 a{
         float:right;
        display:inline-block;
    	font-size:14px!important;
    	color:rgba(0,0,0,.4);
    	text-align: right;

   
    }
       .kz_article figure div span{
    	width:30%;
    	display:inline-block;
    	white-space:nowrap;
    	right:5px;
    	font-size:14px;
    	float:left;
    	color:rgba(0,0,0,.9);
    	text-align: right;
    }